<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>

<body>
<div id="app">

</div>

<script>

    // 局部组件带s,复数。components，全局组件没有s
    // 局部组件由于仅在此处实例注册，故也只能在此实例范围中使用
    var v = new Vue({
        el: '#app',
        components: {
            //将只在父模板可用
            hh: {template: "<div style='width:200px;height:200px;background-color: coral;border-radius: 50%;line-height: 200px;text-align: center'>我是汪</div>"}
        },
        template:`<hh></hh>`//也可以写到html中去

    })


</script>

</body>
</html>